background;The 'background' property is a shorthand property for setting the individual background properties.;background:;;background;background:
background-attachment;If a background image is specified, this property specifies whether it is fixed with regard to the viewport ('fixed') or scrolls along with the document ('scroll').;background-attachment:;;background-attachment;background-attachment:
background-color;This property sets the background color of an element, either a <color> value or the keyword 'transparent', to make the underlying colors shine through.;background-color:;;background-color;background-color:
background-image;This property sets the background image of an element. When setting a background image, authors should also specify a background color that will be used when the image is unavailable. When the image is available, it is rendered on top of the background color.;background-image:;;background-image;background-image:
background-position;If a background image has been specified, this property specifies its initial position.;background-position:;;background-position;background-position:
background-repeat;If a background image is specified, this property specifies whether the image is repeated (tiled), and how. All tiling covers the content and padding areas of a box.;background-repeat:;;background-repeat;background-repeat:
Border;Border;;;NA;NA
border;The 'border' property is a shorthand property for setting the same width, color, and style for all four borders of a box.;border:;;border;border:
border-bottom-width;This allows to change the width of just the bottom border.;border-bottom-width:;;border-bottom-width;border-bottom-width:
border-color;This allows you to specify a color for the border.;border-color:;;border-color;border-color:
border-right-width;This allows to change the width of just the right border.;border-right-width:;;border-right-width;border-right-width:
border-style;The 'border-style' property sets the style of the four borders. It can have from one to four values.;border-style:;;border-style;border-style:
border-top-width;This allows to change the width of just the top border.;border-top-width:;;border-top-width;border-top-width:
border-width;This sets the width of the border on all sides.;border-width:;;border-width;border-width:
margin;The 'margin' property is a shorthand property for setting 'margin-top', 'margin-right', 'margin-bottom', and 'margin-left' at the same place in the style sheet.;margin:;;margin;margin:
margin-bottom;Use this to change the size of just the bottom margin.;margin-bottom:;;margin-bottom;margin-bottom:
margin-left;Use this to change the size of just the left margin.;margin-left:;;margin-left;margin-left:
margin-right;Use this to change the size of just the right margin.;margin-right:;;margin-right;margin-right:
margin-top;Use this to change the size of just the top margin.;margin-top:;;margin-top;margin-top:
padding;The 'padding' property is a shorthand property for setting 'padding-top', 'padding-right', 'padding-bottom', and 'padding-left' at the same place in the style sheet.;padding:;;padding;padding:
padding-bottom;Use this to specify a padding to the bottom of an object.;padding-bottom:;;padding-bottom;padding-bottom:
padding-left;Use this to specify a padding to the left of an object.;padding-left:;;padding-left;padding-left:
padding-right;Use this to specify a padding to the right of an object.;padding-right:;;padding-right;padding-right:
padding-top;Use this to specify a padding to the top of an object.;padding-top:;;padding-top;padding-top:
Classification;Classification;;;NA;NA
content;This property is used with the :before and :after pseudo-elements to generate content in a document.;content:;;content;content:
counter-increment;The 'counter-increment' property accepts one or more names of counters (identifiers), each one optionally followed by an integer. The integer indicates by how much the counter is incremented for every occurrence of the element.;counter-increment:;;counter-increment;counter-increment:
counter-reset;The 'counter-reset' property also contains a list of one or more names of counters, each one optionally followed by an integer. The integer gives the value that the counter is set to on each occurrence of the element.;counter-reset:;;counter-reset;counter-reset:
list-style;The 'list-style' property is a shorthand notation for setting the three properties 'list-style-type', 'list-style-image', and 'list-style-position' at the same place in the style sheet.;list-style:;;list-style;list-style:
list-style-image;This property sets the image that will be used as the list item marker. When the image is available, it will replace the marker set with the 'list-style-type' marker. ;list-style-image:;;list-style-image;list-style-image:
list-style-position;This property specifies the position of the marker box in the principal block box.;list-style-position:;;list-style-position;list-style-position:
list-style-type;This property specifies appearance of the list item marker if 'list-style-image' has the value 'none' or if the image pointed to by the URI cannot be displayed.;list-style-type:;;list-style-type;list-style-type:
marker-offset;This property specifies the distance between the nearest border edges of a marker box and its associated principal box.;marker-offset:;;marker-offset;marker-offset:
quotes;This property specifies quotation marks for any number of embedded quotations.;quotes:;;quotes;quotes:
Effects;Effects;;;NA;NA
clip;The 'clip' property applies to elements that have a 'overflow' property with a value other than 'visible'.;clip:;;clip;clip:
overflow;This property specifies whether the content of a block-level element is clipped when it overflows the element's box (which is acting as a containing block for the content).;overflow:;;overflow;overflow:
visibility;The 'visibility' property specifies whether the boxes generated by an element are rendered. Invisible boxes still affect layout (set the 'display' property to 'none' to suppress box generation altogether).;visibility:;;visibility;visibility:
Font;Font;;;NA;NA
color;This property describes the foreground color of an element's text content.;color:;;color;color:
font;The 'font' property is, except as described below, a shorthand property for setting 'font-style', 'font-variant', 'font-weight', 'font-size', 'line-height', and 'font-family', at the same place in the style sheet.;font:;;font;font:
font-family;This property specifies a prioritized list of font family names and/or generic family names. To deal with the problem that a single font may not contain glyphs to display all the characters in a document, or that not all fonts are available on all systems, this property allows authors to specify a list of fonts, all of the same style and size, that are tried in sequence to see if they contain a glyph for a certain character.;font-family:;;font-family;font-family:
font-size;This property describes the size of the font when set solid.;font-size:;;font-size;font-size:
font-size-adjust;This property allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in the substitute font.;font-size-adjust:;;font-size-adjust;font-size-adjust:
font-stretch;The 'font-stretch' property selects a normal, condensed, or extended face from a font family.;font-stretch:;;font-stretch;font-stretch:
font-style;The 'font-style' property requests normal (sometimes referred to as "roman" or "upright"), italic, and oblique faces within a font family.;font-style:;;font-style;font-style:
font-variant;In a small-caps font, the glyphs for lowercase letters look similar to the uppercase ones, but in a smaller size and with slightly different proportions. The 'font-variant' property requests such a font for bicameral (having two cases, as with Latin script). This property has no visible effect for scripts that are unicameral (having only one case, as with most of the world's writing systems).;font-variant:;;font-variant;font-variant:
font-weight;The 'font-weight' property specifies the weight of the font.;font-weight:;;font-weight;font-weight:
Layout;Layout;;;NA;NA
cursor;This property specifies the type of cursor to be displayed for the pointing device.;cursor:;;cursor;cursor:
outline;The 'outline' property is a shorthand property, and sets all three of 'outline-style', 'outline-width', and 'outline-color'.;outline:;;outline;outline:
outline-color;The 'outline-color' accepts all colors, as well as the keyword 'invert'. 'Invert' is expected to perform a color inversion on the pixels on the screen. This is a common trick to ensure the focus border is visible, regardless of color background.;outline-color:;;outline-color;outline-color:
outline-style;The 'outline-style' property accepts the same values as 'border-style', except that 'hidden' is not a legal outline style.;outline-style:;;outline-style;outline-style:
outline-width;The 'outline-width' property accepts the same values as 'border-width'.;outline-width:;;outline-width;outline-width:
Page;Page;;;NA;NA
marks;In high-quality printing, marks are often added outside the page box. This property specifies whether cross marks or crop marks or both should be rendered just outside the page box edge.;marks:;;marks;marks:
orphans;The 'orphans' property specifies the minimum number of lines of a paragraph that must be left at the bottom of a page. The 'widows' property specifies the minimum number of lines of a paragraph that must be left at the top of a page.;orphans:;;orphans;orphans:
page;The 'page' property can be used to specify a particular type of page where an element should be displayed.;page:;;page;page:
page-break-after;A potential page break location is typically under the influence of the parent element's 'page-break-inside' property, the 'page-break-after' property of the preceding element, and the 'page-break-before' property of the following element. When these properties have values other than 'auto', the values 'always', 'left', and 'right' take precedence over 'avoid'.;page-break-after:;;page-break-after;page-break-after:
page-break-before;A potential page break location is typically under the influence of the parent element's 'page-break-inside' property, the 'page-break-after' property of the preceding element, and the 'page-break-before' property of the following element. When these properties have values other than 'auto', the values 'always', 'left', and 'right' take precedence over 'avoid'.;page-break-before:;;page-break-before;page-break-before:
page-break-inside;A potential page break location is typically under the influence of the parent element's 'page-break-inside' property, the 'page-break-after' property of the preceding element, and the 'page-break-before' property of the following element. When these properties have values other than 'auto', the values 'always', 'left', and 'right' take precedence over 'avoid'.;page-break-inside:;;page-break-inside;page-break-inside:
size;This property specifies the size and orientation of a page box.;size:;;size;size:
windows;The 'widows' property specifies the minimum number of lines of a paragraph that must be left at the top of a page.;windows:;;windows;windows:
Position;Position;;;NA;NA
bottom;This property specifies how far a box's left content edge is offset to the right of the left edge of the box's containing block.;bottom:;;bottom;bottom:
clear;This property indicates which sides of an element's box(es) may not be adjacent to an earlier floating box. (It may be that the element itself has floating descendants, the 'clear' property has no effect on those.);clear:;;clear;clear:
direction;This property specifies the base writing direction of blocks and the direction of embeddings and overrides (see 'unicode-bidi') for the Unicode bidirectional algorithm. In addition, it specifies the direction of table column layout, the direction of horizontal overflow, and the position of an incomplete last line in a block in case of 'text-align: justify'.;direction:;;direction;direction:
display;Note that although the initial value of 'display' is 'inline', rules in the user agent's default style sheet may override this value.;display:;;display;display:
float;This property specifies whether a box should float to the left, right, or not at all. It may be set for elements that generate boxes that are not absolutely positioned.;float:;;float;float:
height;This property specifies the content height of boxes generated by block-level and replaced elements.;height:;;height;height:
left;This property specifies how far a box's left content edge is offset to the right of the left edge of the box's containing block.;left:;;left;left:
line-height;If the property is set on a block-level element whose content is composed of inline-level elements, it specifies the minimal height of each generated inline box.;line-height:;;line-height;line-height:
max-height;This allows authors to constrain box heights to a certain range.;max-height:;;max-height;max-height:
max-width;This allows authors to constrain box widths to a certain range.;max-width:;;max-width;max-width:
min-height;This allows authors to constrain box heights to a certain range.;min-height:;;min-height;min-height:
min-width;This allows authors to constrain box widths to a certain range.;min-width:;;min-width;min-width:
position;The 'position' property determine which of the CSS2 positioning algorithms is used to calculate the position of a box. ;position:;;position;position:
right;This property specifies how far a box's right content edge is offset to the left of the right edge of the box's containing block.;right:;;right;right:
top;This property specifies how far a box's top content edge is offset below the top edge of the box's containing block.;top:;;top;top:
unicode-bidi;Because the Unicode algorithm has a limit of 15 levels of embedding, care should be taken not to use 'unicode-bidi' with a value other than 'normal' unless appropriate. In particular, a value of 'inherit' should be used with extreme caution.;unicode-bidi:;;unicode-bidi;unicode-bidi:
vertical-align;This property affects the vertical positioning inside a line box of the boxes generated by an inline-level element. The following values only have meaning with respect to a parent inline-level element, or to a parent block-level element, if that element generates anonymous inline boxes, they have no effect if no such parent exists.;vertical-align:;;vertical-align;vertical-align:
width;This property specifies the content width of boxes generated by block-level and replaced elements.;width:;;width;width:
z-index;For a positioned box, the 'z-index' property specifies-The stack level of the box in the current stacking context.;z-index:;;z-index;z-index:
Text;Text;;;NA;NA
letter-spacing;This property specifies spacing behavior between text characters.;letter-spacing:;;letter-spacing;letter-spacing:
text-align;This property describes how inline content of a block is aligned.;text-align:;;text-align;text-align:
text-decoration;This property describes decorations that are added to the text of an element. If the property is specified for a block-level element, it affects all inline-level descendants of the element. If it is specified for (or affects) an inline-level element, it affects all boxes generated by the element. If the element has no content or no text content (e.g., the IMG element in HTML), user agents must ignore this property.;text-decoration:;;text-decoration;text-decoration:
text-indent;This property specifies the indentation of the first line of text in a block. More precisely, it specifies the indentation of the first box that flows into the block's first line box. The box is indented with respect to the left (or right, for right-to-left layout) edge of the line box. User agents should render this indentation as blank space.;text-indent:;;text-indent;text-indent:
text-shadow;This property accepts a comma-separated list of shadow effects to be applied to the text of the element. The shadow effects are applied in the order specified and may thus overlay each other, but they will never overlay the text itself. Shadow effects do not alter the size of a box, but may extend beyond its boundaries.;text-shadow:;;text-shadow;text-shadow:
text-transform;This property controls capitalization effects of an element's text.;text-transform:;;text-transform;text-transform:
white-space;This property declares how whitespace inside the element is handled.;white-space:;;white-space;white-space:
word-spacing;This property specifies spacing behavior between words.;word-spacing:;;word-spacing;word-spacing:
